<template>
    <fieldset>
        <legend>Input组件</legend>
        <input type="text" v-model="val">
        <button @click="add">添加</button>
    </fieldset>
</template>
<script>
export default {
    data () {
        return {
            val:""
        }
    },
    mounted () {
      this.$bus.$on("clear",()=>{
          this.val=""
          this.$bus.$off("clear") //只执行一次清楚输入框事件
      })  
    },
    methods: {
        add(){
            this.$bus.$emit('add-todo',this.val)
        }
    }

}

</script>